@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
html{ background:#282828;width: 100%;}
body{ background: #FFFFFF;width: 100%;}
html,body{  color:#fff; font:0.53rem/1.4 "微软雅黑",Arial; -webkit-text-size-adjust:none; margin:0px auto; padding:0px; background: #fff;width: 100%;    width: 100%;
    height: 100%;
   }

input::-webkit-input-placeholder { /* WebKit browsers */ color:#CCCCCC;}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#CCCCCC;}
input::-ms-placeholder { /* Mozilla Firefox 19+ */ color:#CCCCCC; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#CCCCCC; }
input::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#CCCCCC;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus{
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

li{ list-style:none;}
@keyframes mysnow {
    0% { bottom: 100%; opacity: 0; }
    50% { opacity: 1; transform: rotate(720deg);}
    100% { transform: rotate(0deg); opacity: 0; bottom: 0%;}
}
.container { position: fixed;z-index:9999;}
.pic1 { position: absolute; opacity: 0; animation: mysnow 5s;height: 40px;}


.clearfix{ clear:both;}
.clearfix:after{ content: ''; display: block; clear: both; width: 0px; height: 0px; overflow: hidden;}
a{ text-decoration:none; color:#646464; border:none; blr:expression(this.onFocus=this.blur());}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0); background:none;}
img{ border:none;-webkit-tap-highlight-color:rgba(255,0,0,0); blr:expression(this.onFocus=this.blur());}
em,i{ font-style:normal;}
#border{ border:none;}
.top img,.content img{ vertical-align:bottom; max-width:100%;}
.wrapper{ margin: 0 0.5rem;}

.heads{width: 100%;background: #ff0000;color:#fff;position: fixed;top:0;z-index: 100;opacity: 0.8;line-height:40px;text-align:center;font-size: 18px;}
.heads a{color:#fff;display: inherit;font-weight: bold;}

.fenx{position: fixed;
    top: 75px;
    z-index: 100;
    opacity: 0.6;
    background: #000;
    right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    /* margin: auto; */
    line-height: 50px;
}
.tels{
    position: fixed;
    top: 80px;
    z-index: 100;
    opacity: 0.8;
    background: #000;
    right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    color:red;
    background: #fff;
    /* margin: auto; */
}
/* top */
.top{position: relative;}
.top_bag{position: absolute;bottom: 0;width: 100%; max-height: 108px;z-index:8;}
.top_bag_a{position: absolute;bottom:0;left: 15%;}
.top_bag_b{position: absolute;bottom:0;left: 38%;}
.top_bag_c{position: absolute;bottom:0;left: 65%;}
.top_bag_a img{-webkit-animation-duration: 2s;animation-duration: 2s;width:70%;}
.top_bag_b img{-webkit-animation-duration: 3s;animation-duration: 3s;width:80%;}
.top_bag_c img{-webkit-animation-duration: 3s;animation-duration: 3s;width:80%;}
.countdown{padding-top: 1.5rem; margin-top: -0.5rem; text-align: center;background: #ff5742}
.countdown p{ font-size: 0.7rem; color: #FFFFFF; margin: auto;width:60%;}
.countdown-box{ display: inline-block; width: 90%; height: 1.8rem; line-height: 1.8rem; border-radius: 1.8rem; background: #fff; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.3); font-size: 0.53rem; margin: 0.8rem 0; color: #000;}
.countdown-box i{ margin:0 0.2rem 0 0.5rem;color: #fff;background: #ff5742;padding: 5px;}
.counts{width:100%;background: #544f4f;font-size: 0.53rem; color: #fff;}
.counts span{display: inherit;width:33%;text-align:center;float:left;line-height: 1.2rem;height:1.2rem;}

.gmjls{color:#000;padding:10px 20px;background:#ccc;}
.share{margin: 10px 20px 0 20px;font-size:16px;}
.share a{  display: inherit;
    background: #FF5742;
    color: #fff;
    line-height: 40px;
    border-radius: 8px;
    text-align: center;}

.kjb{}
.kjblist{}
.bgcolor-pink{ background: #fff;height:187px;overflow: hidden;}
.bgcolor-red{ background: url(../images/phbdbg.png) no-repeat #ff2323 center top / 100% auto; padding: 0.65rem 0.5rem;}
.bgcolor-pink ul li{ background: url(../images/bord.png) no-repeat left bottom / 100% 2px;}
.kjblist.bgcolor-red ul li{ padding: 0.3rem 0.5rem; background: rgba(229,0,0,0.9); margin-bottom: 0.65rem; border: 1px solid #FF5656; border-radius: 0.2rem;}
.kjblist.bgcolor-red ul li .kjbl span{ border: 0.1rem solid #d00000;}
.kjblist ul{padding:0 0.5rem;}
.kjblist ul li{ display: flex; align-items: center; justify-content: space-between;padding:5px;color: #000;}
.bgcolor-pink ul li{ display: flex; align-items: center; justify-content: space-between;padding:5px 15px;color: #000;background: #fef1d1;border-bottom: 1px dashed crimson;}
.kjblist ul li .kjbl{ display: flex; align-items: center;}
.kjblist ul li .kjbl span{ width: 2.2rem; height: 2.2rem; border-radius: 2.2rem; overflow: hidden;margin-right: 0.5rem;}
.kjblist ul li .kjbl span img{ width: 100%; height: 100%;}
.kjblist ul li .kjbl dl dt{ font-family: "微软雅黑 Light"; text-shadow: 0 0 1px rgba(255,255,255,1);}
.kjblist ul li .kjbl dl dd{ font-weight: 100; padding-top: 0.2rem; font-size: 0.52rem;}
.kjblist ul li i{color: #ff0000;}
.imore{ display: block; padding: 0.5rem 0; text-align: center;}
.imore img{ width: 0.8rem;}
.imore p{ font-size: 0.45rem; color: #ff9b9b;}

.content{  margin-bottom:10px;color:#000;}

.fixbh{ height:3.2rem; background: url(../images/ft1.png) no-repeat; background-size:100%;-moz-background-size:100%;  position: fixed; display: flex; bottom: 0px; left: 0px; right: 0px; width: 100%; max-width: 720px; margin: 0 auto;}
.fixb{ position: fixed; bottom:0.8rem; left: 0.3rem; right: 0px; z-index: 890; width: 100%; max-width: 720px; margin: 0 auto; display: flex; justify-content: space-between;}
.fixb a{width: 100%; border:0;text-align: center;font-size:14px; color: #009CE0; font-weight:bold;}
.fixb .curre{color:#fff;}


/*.fixbh{ height: 2.2rem;}
.fixb{ position: fixed; bottom: 0px; margin:0 auto;}
.fixb a{width: 100%; border:0;text-align: center;font-size:16px; color: #009CE0; background: url(../images/ft1.png) no-repeat;z-index: 890;  display: flex;}
.fixb .curre{color:#fff; }*/




.fixbg{ display: none; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 900; width: 100%; height: 100%; max-width: 720px; margin: 0 auto; background: rgba(0,0,0,0.8);font-size:16px;}
.fixshare .fixbgc{ position: absolute; left: 0px; right: 0px; z-index: 1; width: 13rem; margin: 0 auto; padding:1rem 0.5rem; border-radius: 0.2rem; background: #FFFFFF; overflow: hidden;}
.fixkj .fixbgc{ position: absolute; left: 0px; right: 0px; z-index: 1; width: 14rem; margin: 0 auto; padding:1rem 0; border-radius: 0.2rem;}
.fixbgc .close{ position: absolute; top: 5px; right: 5px; z-index: 10; width: 1.3rem; height: 1.3rem; background: url(../images/close.png) no-repeat center center / cover;}
.kjcont{ padding-top: 0.2rem;}
.kjyx{ top: 0px; left: 0px; right: 0px; z-index: -1; width: 80%; margin: 0 auto;text-align: center;}
.kjyx img{width:100%;}
.kjnr{ position: relative; padding: 4rem 0 1rem; border-radius: 0.2rem; text-align: center;}
.kjd{ position: absolute; top: 0rem; left: 0px; right: 0px; z-index: 1; width: 50%; margin: 0 auto;}
.kjnr p{ font-size: 0.58rem;}
.kjnr p i{ font-size: 0.85rem; color: #0048bf;}
.kjnr p em{ font-size: 1.78rem; color: #cd0000;}
.kjnr a{ display:inline-block; width: 70%; height: 1.78rem; line-height: 1.78rem; font-size: 0.75rem; color: #FFFFFF; background: #FF9000; border-radius: 1.78rem; margin: 1.5rem auto 0;}

.fixjoin .fixbgc{ position: absolute; left: 0px; right: 0px; z-index: 1; width: 13rem; margin: 0 auto; padding:1rem 0.5rem; border-radius: 0.2rem; background: #FFFFFF; overflow: hidden;}
.fixjoin-list{ padding-bottom: 1rem; border-bottom: 1px solid #dddddd;}
.fixjoin-list ul li{ display: flex; align-items: center; height: 1.5rem; margin-top: 0.65rem; padding: 0 0.5rem; border: 1px solid #cccccc; background: #dddddd; border-radius: 0.1rem;}
.fixjoin-list ul li em{ font-size: 0.6rem; padding: 0 0.25rem;}
.fixjoin-list ul li span{ display: flex; line-height: 1.5rem; width: 4rem;color: #000;}
.fixjoin-list ul li input,select{ width: 10rem; height: 1.1rem; border: 0 none; background: none; font-size: 0.5rem; color: #222;}
.shuliang input{ width: 1.2rem; border-radius: 0.15rem; text-align: center; margin-top: 0.2rem; border: 1px solid #cccccc; background: #eeeeee;}
.fixjoin-list ul li i{ width: 1rem; background: url(../images/ubg-01.png) no-repeat left center / auto 0.65rem;}

.fixsm{ display: flex; align-items: center; padding-top: 0.3rem; color: #4c8fff; font-size: 0.49rem;}
.fixsm i{ margin-right: 0.2rem; color: #C60000;}
.subform{ display: block; width: 60%; height: 1.8rem; font-size: 0.75rem; color: #FFFFFF; margin: 1.5rem auto 0; border: 0 none; background: #ff9000; border-radius: 1.8rem;}


.btn_music {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url('../images/play.png') no-repeat center center;
    background-size: 100% auto;
    position: fixed;
    z-index: 100;
    right: 10px;
    top: 20px;
}
.btn_music.on {
    background-image: url("../images/stop.png");
}
/*个人中心*/
.ctab{overflow:hidden;}
.ctab ul{margin-left:-1px;margin-right:-1px;border-bottom:dashed 1px #9fa0a0;}
.ctab ul li{float:left;width:49.7%;border-left:solid 1px #9fa0a0;border-right:solid 1px #9fa0a0;background:#f3efe6;}
.ctab ul li a{display:block;padding-top:20px;font-size:0.7rem;padding-bottom:5px;padding-left:0.4rem;}
.ctab ul li.cur{text-align:center;border:none;background:none;}
.ctab ul li.cur a{padding-left:0;}
.using{}
.using ul{}
.using ul li{margin-top:5px;border-bottom:dashed 1px #9fa0a0;}
.using ul li dt{float:left;width:30%;}
.using ul li dt img{width:100%;vertical-align: middle;}
.using ul li dd{float:left;color:#000;margin-left:5px;}
.using ul li dd p{line-height:20px;}

.height{
    height: 2.7rem;
}
.index-nav{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.666rem;
    border-top: 1px #acccba solid;
    background: #009140;
    z-index: 999;
}
.index-nav ul li{
    float: left;
    width: 100%;
    height: 2.666rem;
    text-align: center;
    background: #ffffff;
}
.index-nav ul li h6{
    display: inline-block;
    margin-top: 0.48rem;
    width: 100%;
    height: 1rem;
    background-size: auto 100%!important;
}

.index-nav ul li h6.in01{ background: url("../images/nav11.png") center no-repeat;}

.index-nav ul li p{
    font-size: 0.577rem;
    color: #00923f;
}





